<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>伪登录</title>
</head>
<script src="../js/jquery-1.8.3.js">
</script>
<style>
   .main .customInfo .input input{
        font-family: Alibaba;
        color: slategray;
        background-color: gainsboro;
        font-size:0.45rem ;
         width: 100%;
        text-align: right;
       margin-left: 0.8rem;
        border: 1px solid #ccc;

    }
   .main .customInfo .word  {
        width:20%;
        font-size: 0.65rem;
        text-align: center;
       margin: auto;
       line-height: 0.5em;
    }
   .main .customInfo  .input  {
       margin-top: 1rem;
       width: 80%;
   }

   .main .customInfo  input:focus {
        background-color: lightblue;
    }
   .main  .customInfo{
        width: 100%;
        height: 100%;
        margin-left: 1rem;
    }
    .main{
        width: 80%;
        height: 7rem;
    }
    .tittle {
        width: 30%;
        height: 1rem;

        border: #3e75ff;
        font-size: 1em;
    }

    .button {
        margin-top: 1rem;
        text-align: center;
    }


    #confirm{
        margin-right: 2rem;
        border-radius: 0%;
    }

    #clean{
        margin-left: 2rem;
        border-radius: 50%;
    }
    .changColor{
        color: yellow;
    }
.customInfo table{
    margin-top: 1rem;
}

</style>
<body>
<div class="main">
<div class="customInfo">
    <div class="tittle"><label>登录页面</label></div>
<form>
<table>

     <tr>
     <td class="word">姓名</td>
         <td class="input"> <input  type="text" id="custName" name="custName"> </td>
         <td></td>
     </tr>



      <tr>
          <td class="word">身份证号</td>
          <td class="input"> <input  type="number" id="idCard" name="idCard">
         </td>
          <td></td>
    </tr>

</table>
      <div class="button">
          <button id="confirm" type="submit">确定</button>
          <button id="clean" type="reset">清空</button>
      </div>

</form>

</div>

</div>

</body>
<script>
    $('#confirm').bind("click",function () {

        $(".main .customInfo  input").css("color","yellow");
        alert("点击成功");

    })
</script>
</html>